<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <!--

      都是给父元素设置的（容器设置的）
      1、display：flex    设置弹性盒



      2、flex-direction     设置项目的排列方向（顺序）    row   column


      3、flex-wrap      设置项目是否换行    默认是显示在一行     wrap(换行)



      4、flex-flow 排列方向和溢出换行设置（简写的属性）



      5、justify---content    设置水平居中



      6、垂直居中：
      （1）单行居中    align-items
      （2）多行居中    align-content







   -->
</body>
</html>